<div [hidden]="!active" class="custom-toast">
  <div [hidden]="!data.icon" class="toast-icon">
    <ion-icon name="checkmark-circle-outline" [hidden]="!data.iconSuccess"></ion-icon>
    <ion-icon name="close-circle-outline" [hidden]="data.iconSuccess"></ion-icon>
    <div>{{data.message}}</div>
  </div>
  <div [hidden]="data.icon" class="toast-noicon">
    <div>{{data.message}}</div>
  </div>
</div>
